<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>!nteractive - Bussiness / Corporate Theme</title>
<link href="css/main.css" type="text/css" rel="stylesheet" media="screen" />
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.2.6.css" media="screen" />
</head>
<body>
<div id="main">
   <div id="header">
      <div id="navigation">
          <div id="navigation-left"></div>
          <div id="navigation-middle">
               <ul>
                  <li><a href="index-2.html">Home</a></li> 
                  <li><a href="about.html">About Us</a></li>
                  <li class="current"><a href="portofolio.html">Portofolio</a></li> 
                  <li><a href="contact.html">Contact</a></li> 
                  <li><a href="blog.html">Blog</a></li> 
               </ul>
              <div class="hover">&nbsp;</div>
           </div>
          <div id="navigation-right"></div>
      </div><!-- End of navigation -->
      <div id="logo">&nbsp;</div>
   </div><!-- End of header -->

   <div id="main-content">
   <div id="content">
   <div id="top-bar">
              <ul>
                   <li><span class="homepage-icon"><a href="index-2.html">Homepage</a></span></li> 
                   <li><a href="portofolio.html">Portofolio</a></li> 
                   <li><a href="portofolio.html">Web Design</a></li>
                   <li>Bussiness Card Design</li>
              </ul>
   </div>
   <div id="middle">
       <div id="col-left">
          <h3> Bussiness Card Design </h3>
         <div class="detailed_project">
            <div class="project-img-holder"><a class="fancy_box" rel="portofolio" title=" Bussiness Card Design " href="img/projects/big/project-1.jpg"><img src="img/project-det-1.jpg" alt=""/></a></div>

            <div class="project-desc">
                <ul class="dotted">
			       <li class="icon-star"><b>Created: </b> 12/05/2009 </li>
				   <li class="icon-star"><b>Design style: </b> Clear</li>
				   <li class="icon-star"><b>Valid: </b> &nbsp; <span class="checked">CSS</span> <span class="checked">xHTML</span></li>
                   <li class="icon-star"><b>Compatible Browsers:</b> 
                       <span class="checked">FireFox 2,</span> 
                       <span class="checked">FireFox 3,</span> 
                       <span class="unchecked">IE6,</span> 
                       <span class="checked">IE7,</span> 
                       <span class="checked">IE8,</span> 
                       <span class="checked">Safari</span>
                   </li>
			   </ul>
               <br />              
               <h4>Features: </h4>
               <ul>
                      <li>Lorem ipsum sit a met 1</li>
                      <li>Lorem ipsum sit a met 2</li>
                      <li>Lorem ipsum sit a met 3</li>
                      <li>Lorem ipsum sit a met 4</li>
               </ul>
               <br />
               <h4>Aditional informations</h4>
               <p> 
                  Lorem ipsum nostrud insolens mediocritatem at vel, an reque eligendi eleifend usu. Ne has iudico vocibus prodesset, mucius omittam erroribus at mei, puto eripuit accumsan id mel. 
                  Ut esse ferri mollis usu. Ea est omnesque consetetur, tollit constituam consectetuer qui ne.
               </p><br />  
                               
                  Lorem ipsum nostrud insolens mediocritatem at vel, an reque eligendi eleifend usu. Ne has iudico vocibus prodesset, mucius omittam erroribus at mei, puto eripuit accumsan id mel. 
                  Ut esse ferri mollis usu. Ea est omnesque consetetur, tollit constituam consectetuer qui ne.
                  Lorem ipsum nostrud insolens mediocritatem at vel, an reque eligendi eleifend usu. Ne has iudico vocibus prodesset, mucius omittam erroribus at mei, puto eripuit accumsan id mel. 
                 Ut esse ferri mollis usu. Ea est omnesque consetetur, tollit constituam consectetuer qui ne. Ut esse ferri mollis usu.
            </div>
        </div>                                 

       </div>
       <div id="sidebar">
       <div class="sticker">
       <div class="wrapper">
            <div class="sticker-topbar">
                 <h5 align="right">Web Design</h5>
            </div>
       		<ul class="side-nav">
			    <li class="current"><a href="#">Bussiness Card Design </a></li>
				<li><a href="#">Bussiness Card Design 2</a></li>
				<li><a href="#">How to be a rockable freelancer</a></li>
				<li><a href="#">Bussiness Card Design 3</a></li>
			</ul>
       </div>
       </div>
       
      <div class="sticker">
       <div class="wrapper">
            <div class="sticker-topbar">
                 <h5 align="right">Search</h5>
            </div>
            <form action="#" >
            <input type="text" name="search" value="Enter your search here ..." onfocus="if(this.value=='Enter your search here ...') this.value='';" onblur="if(this.value=='') this.value='Enter your search here ...';" />
            <input type="submit" name="sumbit" class="submit" value=""/>
            </form>
       </div>
       </div>
       
	   <div id="advertisment">
			<h5>Advertisment</h5>
			<ul>
			    <li><a href="http://videohive.net/?ref=cond0r"><img src="img/vh_125x125_4.gif" alt="ad" /></a></li>
			    <li class="even"><a href="http://flashden.net/?ref=cond0r"><img src="img/fd_125x125_v5.gif" alt="ad" /></a></li>
				<li><a href="http://graphicriver.net/?ref=cond0r"><img src="img/gr_125x125_v4.gif" alt="ad" /></a></li>
			    <li class="even"><a href="http://themeforest.net/?ref=cond0r"><img src="img/tf_125x125_v5.gif" alt="ad" /></a></li>
			</ul>
       </div>
      
      <div class="sticker">
       <div class="wrapper">
            <div class="sticker-topbar">
                 <h5 align="right">Get in touch !</h5>
            </div>
            <div style="text-align:right;">
 		    	1400 Pennsylvania Ave.<br />
 		    	Washington, DC<br /><br />
 		    	<font class="phone">+1 (555) 123-4567</font><br />
 		    	<font class="email"> youremail&#64;email.com </font>
                <ul id="social">
				    <li id="RSS" title="RSS feed"><a href="#"></a></li>
				    <li id="facebook" title="Facebook"><a href="#"></a></li>
				    <li id="flikr" title="Flikr"><a href="#"></a></li>
				    <li id="twitter" title="Twitter"><a href="#"></a></li>
				    <li id="delicios" title="Delicios"><a href="#"></a></li>
				    <li id="digg" title="Digg"><a href="#"></a></li>
			    </ul>
            </div>
       </div>
      </div>
    
     </div> <!-- End of sidebar -->
 
   </div>
   <div id="bottom-bar"></div>
   </div><!-- End of content -->
   <div id="footer">Copyright © !nteractive  2009  |  Valid CSS &amp; HTML</div>
   </div><!-- End of main content -->
   </div><!-- End of main -->
   <div id="sub-footer"> 
       <div style="width:1010px;  margin:auto; text-align:left;">
            Background changer (available only in live preview): 
            <ul>
<li> <div style="width:100%; height:70%; background:#10304d;" rel="#10304d"> <a href="#"> </a></div> #10304d </li>
<li> <div style="width:100%; height:70%; background:#447fb0;" rel="#447fb0"> <a href="#"> </a> </div> #447fb0 </li>
<li> <div style="width:100%; height:70%; background:#463136;" rel="#463136"> <a href="#"> </a> </div> #463136 </li>
<li> <div style="width:100%; height:70%; background:#484848;" rel="#484848"> <a href="#"> </a> </div> #484848 </li>
<li> <div style="width:100%; height:70%; background:#1c5c3b;" rel="#1c5c3b"> <a href="#"> </a> </div> #1c5c3b </li>
<li> <div style="width:100%; height:70%; background:#607b4a;" rel="#607b4a"> <a href="#"> </a> </div> #607b4a </li>
<li> <div style="width:100%; height:70%; background:#c7499c;" rel="#c7499c"> <a href="#"> </a> </div> #c7499c </li>
<li> <div style="width:100%; height:70%; background:#740f26;" rel="#740f26"> <a href="#"> </a> </div> #740f26 </li>


<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-1.jpg) no-repeat; "  rel="#030303 url(img/wood-1.jpg) no-repeat"> <a href="#"></a> </div> Wood 1 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-2.jpg) no-repeat;"  rel="#030303 url(img/wood-2.jpg) no-repeat"> <a href="#"></a> </div> Wood 2 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-3.jpg) no-repeat;"  rel="#030303 url(img/wood-3.jpg) no-repeat"> <a href="#"></a> </div> Wood 3 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-4.jpg) no-repeat;"  rel="#030303 url(img/wood-4.jpg) no-repeat"> <a href="#"></a> </div> Wood 4 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-5.jpg) no-repeat;"  rel="#030303 url(img/wood-5.jpg) no-repeat"> <a href="#"></a> </div> Wood 5 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-6.jpg) no-repeat;"  rel="#030303 url(img/wood-6.jpg) no-repeat"> <a href="#"></a> </div> Wood 6 </li>
            </ul>
       </div>
   </div>
   <script src="js/jquery-1.4.js" type="text/javascript"></script>
   <script src="js/jquery.easing.js" type="text/javascript"></script>
   <script type="text/javascript" src="js/jquery.cookie.js"></script>
   <script type="text/javascript" src="js/custom.js"></script>
   <script type="text/javascript" src="fancybox/jquery.fancybox-1.2.6.pack.js"></script>
     <!--[if lt IE 7]>
     <script src="js/DD_belatedPNG.js" type="text/javascript"></script>
     <script type="text/javascript">DD_belatedPNG.fix('.sticker,.homepage-icon, #top-bar li,.current,.hover,#navigation-middle,#navigation-left,#navigation-right,#top-bar,#middle,#bottom-bar,#logo');</script>
     <![endif]-->
</body>
<center><A href="http://www.alexa.com/siteinfo/mfgbilisim.com"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/b?url=mfgbilisim.com'></SCRIPT></A>
<script type="text/javascript">
var sc_project=5461049; 
var sc_invisible=1; 
var sc_partition=60; 
var sc_click_stat=1; 
var sc_security="7daa6c20"; 
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="istatistik"
href="http://www.statcounter.com/joomla/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/5461049/0/7daa6c20/1/"
alt="istatistik" ></a></div></noscript>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10408704-2");
pageTracker._setDomainName(".mfgbilisim.com");
pageTracker._trackPageview();
} catch(err) {}</script>

</html>
